<template>
	<view class="jishuzhichi flex row-center m-30" @tap="navigate" v-if="appConfig.jishuzhichi_enabled">
		<image :src="appConfig.jishuzhichi_logo" mode="widthFix" style="width: 45rpx;"></image>
		<view class="m-l-10" style="font-size: 24rpx;" :style="{color:descColor}">{{appConfig.jishuzhichi_desc}}</view>
	</view>
</template>

<script type="text/javascript">
	export default {
		props: {
			descColor: {
				type: String,
				default: 'rgba(156, 156, 156, 1)'
			},
		},
		data() {
			return {

			}
		},
		methods: {
			navigate() {
				if (this.appConfig.mp_jishuzhichi_appid != undefined && this.appConfig.mp_jishuzhichi_appid != '') {
					uni.navigateToMiniProgram({
						appId: this.appConfig.mp_jishuzhichi_appid,
						path: this.appConfig.mp_jishuzhichi_app_path,
						success: (res) => {
							// console.log(res)
						}
					})
				}
			}
		},
	};
</script>

<style lang="scss" scoped>
	.jishuzhichi {}
</style>